<template>
    <div>
        <!-- 卡片布局加载所有报道指南 -->
        <div>
            <el-card v-for="item in reportList" :key="item.id" class="box-card">
                <div slot="header" class="clearfix">
                    <span>报道指南</span>
                </div>
                <div class="text item">
                    <p>{{ item.title }}</p>
                    <br />
                    <br />
                    <p style="padding:5px">
                        <el-tag>学院：{{ item.name }}</el-tag>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <el-tag>时间：{{ item.time }}</el-tag>
                    </p>
                    <br />
                    <br />
                    <p>{{ item.content }}</p>
                </div>
            </el-card>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return {
            reportList:[]
        }
    },
    methods:{
        async allReport(){
            const res = await this.getJSON(`/report/findlist`);
            console.log(res);
            this.reportList=res.data.records;
        }
    },
    created(){
        this.allReport();
    }
}
</script>
<style scoped>

</style>